<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />

    <script type="text/javascript" src="../js/common/jquery-2.1.1.min.js"></script>
    <script src="../js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/common/js.js" type="text/javascript"></script>
    <script src="../js/shop_details_company.js" type="text/javascript"></script>
    <style type="text/css">
        .ringlist .rilipic {
            width: 2.3rem;
            height: 2.3rem;
        }

        .ringlist .ringlilist>a:nth-of-type(3n) .rilipic {
            margin-right: 0;
        }

        .plusBannerSwiper {
            width: 100%;
            overflow: inherit;
        }

        /* .plusBannerSwiper .swiper-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
        } */

        .plusBannerSwiper .swiper-pagination {
            bottom: -3.5rem;
            color: white;
        }

        .swiper-pagination-bullet {
            background: white;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <a href="fox://setBack" class="hele"></a>
        <h1 class="hetitle">企业详情</h1>
        <a href="javascript:;" class="helr share"><img class="shareIcon" src="../img/share.png" alt=""></a>
    </div>

    <div id="page" class="page m2">
        <!--首页头部-->
        <div class="inheder shdebanner">
            <div class="banner">
                <div class="swiper-container adBanner">
                    <div class="swiper-wrapper"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>

        <!--店铺名称-->
        <div class="shopname">
            <div class="ringtop">
                <img src="../img/orimg.png" alt="" class="ringtpic company_logo">
                <div class="ringtco">
                    <p class="ringtct1 company_name"></p>
                    <img src="../img/userLevel0.png" class="userLevel level_logo" alt="等级" />
                </div>
            </div>
            <div class="shopnat">
                <p class="shopnati">
                    <span class="shopnatis read_count"></span>
                </p>
                <p class="shopnati" id="shopnati" data-has_follow="">
                    <span class="shopnapic"></span>
                    <span class="shopnatis select_company">收藏企业</span>
                </p>
                <p class="shopnati contactService">
                    <img src="../img/shopnapic2.png" alt="" class="shopnapic2" />
                    <a href="javascirpt:;" class="shopnatis contactBtn">联系客服</a>
                </p>
            </div>
        </div>

        <div class="shop_deta">
            <div class="shnav">
                <div class="shnavitem on goodsTab">
                    <span class="shnavlink">商品</span>
                </div>
                <div class="shnavitem pictureTab">
                    <span class="shnavlink">相册</span>
                </div>
                <div class="shnavitem contactTab">
                    <span class="shnavlink">联系</span>
                </div>
                <div class="shnavitem circleTab">
                    <span class="shnavlink">建材圈</span>
                </div>
            </div>

            <div class="sh_delsitd" data-type="1">
                <!--商品-->
                <ul class="iz2list sh_delsit shopDetails" style="display: block;"></ul>

                <!--相册-->
                <div class="sh_delsit shde_linkd pictureDetails"></div>

                <!--联系-->
                <div class="sh_delsit contactDetails"></div>

                <!--建材圈-->
                <div class="sh_delsit ringlist circleDetails"></div>
            </div>
        </div>

        <p class="notMore">别拉了 - 疼</p>
    </div>

    <!-- 遮罩层 -->
    <div class="mask" style="background:black;"></div>
    <div class="dialog" id="plusBanner" onclick="dialogClose()">
        <div class="dialog_wrap dialog_content" style="background:transparent;">
            <div class="swiper-container plusBannerSwiper">
                <div class="swiper-wrapper"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>

    <div class="dialog" id="plusImg" onclick="dialogClose()">
        <div class="dialog_wrap dialog_content" style="background:transparent;">
            <img src="" alt="">
        </div>
    </div>

    <script type="text/javascript">
        $(function() {
            // 图片放大轮播
            // $(document).on('click', '.plusBanner', function(e) {
            //     // let idx = $(this).parent().index();
            //     var that = this;
            //     let idx = e.target.dataset.idx;
            //     let img = $(that).attr('data-url');
            //     let arr = [];
            //     $('.showImg2').attr('src', img);
            //     dialog('#plusBanner');
            //     for (var i = 0; i < $(that).parent().parent().find("a").length; i++) {
            //         arr.push($(that).parent().parent().find("img").eq(i).attr("data-url"));
            //     }
            //     console.log($(that).parent().parent().find("a").length)
            //     let html = '';
            //     arr.forEach(item => {
            //         html += `
            //             <div class="swiper-slide" style="height:5rem;">
            //                 <img class="showImg2" style="width:100%;" src="${item}" alt="">
            //             </div>
            //         `;
            //     })
            //     $('.plusBannerSwiper>.swiper-wrapper').html(html);
            //     // banner轮播
            //     let plusBanner2 = new Swiper('.swiper-container.plusBannerSwiper', {
            //         // pagination: '.swiper-pagination',
            //         paginationType: 'fraction',
            //         observer:true,
            //         observeParents:true,
            //     })
            //     if (idx == 0) {
            //         $(".swiper-wrapper").css("transform", "translate3d(0px,0px,0px)")
            //     }
            //     console.log(idx)
            //     plusBanner2.slideTo(idx,100,true);
            // })

            //更多
            var shdeNun = 1;
            $(document).on('click', '.shdetdt3', function() {
                if (shdeNun == 1) {
                    $(this).addClass("on");
                    $("#shdetdt2").addClass("on");
                    var el = $("#shdetdt2"),
                        curHeight = el.height(),
                        autoHeight = el.css('max-height', 'initial').height();
                    $(".shdetdt3link").html("收起");
                    shdeNun = 2
                    return false
                } else if (shdeNun == 2) {
                    $(this).removeClass("on");
                    $("#shdetdt2").removeClass("on");
                    var el = $("#shdetdt2"),
                        curHeight = el.height(),
                        autoHeight = el.css('max-height', '.8rem').height();
                    $(".shdetdt3link").html("更多");
                    shdeNun = 1
                    return false
                }
            })

            //次导航切换
            $(".shnav .shnavitem").click(function() {
                $(this).addClass("on").siblings(".shnavitem").removeClass("on");
                var i = $(this).index();
                $(".sh_delsitd .sh_delsit").eq(i).show().siblings(".sh_delsit").hide();
            });
        })
    </script>
</body>

</html>